<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>消息</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../css/style.css"/>
    <style>
        .message{padding:0; }
        .content{padding: 0 15px;}
        .content h3{font-size: 22px;color: #000;padding-top: 10px}
        .list{width: 100%;padding-top: 20px}
        .wrap{display: flex;align-items: center;padding-bottom: 25px}
        .wrap img{width: 43px;height: 43px;margin-right: 12px}
        .inform{display: flex;justify-content: space-around;flex-direction: column;}
        .inform .title{font-size: 16px;color: #000}
        .inform .desc{font-size: 13px;color: #999}
    </style>
</head>
<body>
    <div class="message">
      <div class="content">
        <h3>消息</h3>
        <div class="list">
          <div class="wrap" class="inform">
            <img src="../image/inform.png" >
            <div class="inform">
              <span class="title">通知</span>
              <span class="desc">如果有新的消息，我们会及时通知哦</span>
            </div>
          </div>
          <!-- <div class="wrap">
            <img src="../image/service.png" >
            <div class="inform">
              <span class="title">客服</span>
              <span class="desc">如果有任何的问题和反馈，请在这里联系客服</span>
            </div>
          </div> -->
        </div>
      </div>
    </div>
</body>
</html>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
  apiready = function () {
    $api.fixStatusBar( $api.dom('.message') );
    $api.addEvt($api.dom('.inform'), 'click', function(){
      api.openWin({
          name: 'message',
          url: './message.html'
      });

    });

  }
</script>
